<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/register.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <script src="../js/jquery-1.11.0.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
</head>

<body>
    <div class="headerWrap">
        <div class="header">
            <a href="../html/index.html"><img src="../img/logo.png" alt=""></a>
            <h1>欢迎注册</h1>
            <p>已有账号？<a href="../html/login.html">去登录<span class="fa fa-angle-right"></span></a></p>
        </div>
    </div>
    <div class="bar">
        <div class="step1">
            <span>1</span>
            <p>验证手机号</p>
        </div>
        <div class="line1">· · · · · · · · · · · · ></div>
        <div class="step2">
            <span>2</span>
            <p>填写账号信息</p>
        </div>
        <div class="line2">· · · · · · · · · · · · ></div>
        <div class="step3">
            <span>3</span>
            <p>注册成功</p>
        </div>
    </div>
    <div class="main">
        <div class="inputs">
            <p>中国0086</p>
            <input type="text" placeholder="请输入手机号" id="user_name">
            <span id="username-Tipe"></span>
            <input type="text" placeholder="请输入密码" id="inputUsername">
        </div>
        <span id="password-Tipe"></span>
        <div class="button">
            <button id="next">注册</button>
        </div>
        <!-- <input type="submit" value="提交" id="next"> -->
        <div class="other">
            <div class="qiye">
                <span class="fa fa-user-circle-o"></span><a href="#">企业用户注册</a>
            </div>
            <div class="haiwai">
                <span class="fa fa-globe"></span><a href="#">海外用户注册</a>
            </div>
        </div>
    </div>
    <div class="footer">
        <ul>
            <li><a href="#">关于我们</a>|</li>
            <li><a href="#">联系我们</a>|</li>
            <li><a href="#">人才招聘</a>|</li>
            <li><a href="#">商家入驻</a>|</li>
            <li><a href="#">广告服务</a>|</li>
            <li><a href="#">手机京东</a>|</li>
            <li><a href="#">友情链接</a>|</li>
            <li><a href="#">销售联盟</a>|</li>
            <li><a href="#">京东社区</a>|</li>
            <li><a href="#">京东公益</a>|</li>
            <li><a href="#">English Site</a></li>
        </ul><br>
        <p id="copy">Copyright©2004-2020&nbsp;&nbsp;&nbsp;京东JD.com&nbsp; 版权所有</p>
    </div>
    </div>
    <script src="../js/registered.js"></script>
    <!-- <script src="../js/jquery-1.11.0.js"></script> -->
    <!-- <script>
        window.onload
        $("#continue").click(function(){
            $(".dialog").hide();
            $(".BG").css({
                "background":"none"
            })
        })
        $("#user_name").blur(function(){
            $.get("http://jx.xuzhixiang.top/ap/api/checkname.php?username="+$(this).val(),data=>{
                console.log(data)
                if(data.code==0){
                    alert("用户名已存在 !")
                    $(this).val("")
                }
            })
        })

        $("#next").click(function () {
            var userName = $(".username").val()
            var PSW = $(".psw").val()
            $.get("http://jx.xuzhixiang.top/ap/api/login.php",{
                username:userName,
                password:PSW
            },data=>{
                console.log(data);
                $.cookie("userName",JSON.stringify(data.data));
                alert("注册成功!")

                location.href = "login.html";
            })
        })
    </script> -->
</body>

</html>